 <template>
  <div class="huize_foot">
    <div class="centre">
<<<<<<< HEAD
      <div class="header_foot">
        <ul>
          <router-link
            v-for="(V , index) in volunteerList"
            :key="index"
            :to="V.to"
            tag="li"
          >{{V.name}}</router-link>
        </ul>

        <ul>
          <router-link v-for="(F , index) in FindList" :key="index" :to="F.to" tag="li">{{F.name}}</router-link>
=======
    
      <div class="header_foot">
            <ul>
          <li>智能填报</li>
          <li>院校优先填报</li>
          <li>专业优先填报</li>
          <li>手动填报</li>
        </ul>

        <ul>
          <li>所有学校</li>
          <li>所以专业</li>
          <li>排行榜</li>
          <li>核心数据</li>
>>>>>>> 314b442cce11d658746227581b0160373004c345
        </ul>
        <ul>
          <li>高考资讯</li>
          <li>高考动态</li>
          <li>高考指南</li>
        </ul>
        <ul>
<<<<<<< HEAD
          <li @click="aboutus">关于我们</li>

          <li>客服电话:</li>
          <li>4006-111-985</li>
        </ul>
        <div class="codeimg">
          <img class="codeimage" src="@/assets/img/appCode1.png" alt />
        </div>
=======
          <li>关于我们</li>
        </ul>
>>>>>>> 314b442cce11d658746227581b0160373004c345
      </div>

      <div class="foot_name">
        <div class="foot_header_f">
<<<<<<< HEAD
          <div class="foot_header_left">网站名称： 慧择云志愿 网站首页网址： www.hz985211.com</div>
        </div>

        <div class="foot_foot">网站备案/许可证号： 粤ICP备19028480号-1 网站前置审批项：</div>
=======
          <div class="foot_header_left">
            网站名称： 慧择云志愿  网站首页网址： www.hz985211.com 
          </div>
          <div class="foot_header_right">
            网站负责人姓名： 赖泽盛  网站域名： hz985211.com 
          </div>
        </div>

        <div class="foot_foot">
         网站备案/许可证号： 粤ICP备19028480号-1  网站前置审批项： 
        </div>
>>>>>>> 314b442cce11d658746227581b0160373004c345
      </div>
    
    </div>
  </div>
</template>

<script>
export default {
  name: "Foot",

  data() {
    return {
      volunteerList: [
        {
          name: "智能填报",
          to: "/Intelligence"
        },
        {
          name: "院校优先填报",
          to: "/School"
        },
        {
          name: "专业优先填报",
          to: "/Major"
        },
        {
          name: "手动填报",
          to: "/Manual"
        }
      ],
      FindList: [
        {
          name: "所有学校",
          to: "/FindSchool"
        },
        {
          name: "所有专业",
          to: "/MajorDeatil"
        },
        {
          name: "排行榜",
          to: "/RankList"
        },
        {
          name: "核心数据",
          to: "/CoreData"
        }
      ]
    };
  },
  methods: {
    aboutus() {
      this.$router.push({
        path: "/Aboutus"
      });
    }
  }
};
</script>
<style lang="scss">
.huize_foot {
  width: 100%;
  background: #414141;
  padding-top: 34px;
  margin-top: 0px;
  color: #e3e3e3;
<<<<<<< HEAD
  .header_foot {
    font-size: 12px;
    display: flex;
    ul {
      display: block;
      margin-right: 175px;
      li {
        padding: 12px 0;
        cursor: pointer;
=======
  .header_foot{
      font-size: 12px;
      display: flex;
      ul{   
          
          display: block;
          margin-right:175px; 
          li{
              line-height: 24px;
             
          }
>>>>>>> 314b442cce11d658746227581b0160373004c345
      }
    }
    .codeimg {
      .codeimage {
        width: 150px;
        float: right;
        margin-top: 12px;
      }
    }
  }

  .foot_header_f {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #e3e3e3;
    margin-top: 48px;
    div {
      padding: 0 16px;
    }
  }
  .foot_foot {
    padding: 27px 0;
    text-align: center;
  }
 
  .foot_header_f{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #e3e3e3;
    margin-top:48px; 
    div{
      padding:  0 16px;
    }
  }
  .foot_foot{
    padding: 27px 0 ;
    text-align: center;
  }
}
</style>